<template>
  <div>
    <span class="select-option" v-if="isSub">
      <el-select v-model="optionValue1" placeholder="请选择" >
        <el-option
          v-for="(item, index) in options"
          :key="index"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </span>
    <!-- 提交后显示的答案框 -->
    <span class="submited-show right">
      <!-- 对错图标 -->
      <!-- <i class="iconfont icon-dui"></i> -->
      <!-- <i class="iconfont icon-cuo"></i> -->
      <!-- <span>hello</span> -->
    </span>
    <!-- 提交后显示答案 -->
    <!-- <span class="right">(答案：relatively)</span> -->
  </div>
</template>

<script>

export default {
  props:['isSub'],
  data () {
    return {
      options: [{
        index: 1,
        value: '选项1',
        label: 'relatively'
      }, {
        index: 2,
        value: '选项2',
        label: 'influence'
      }, {
        index: 3,
        value: '选项3',
        label: 'manufacturer'
      }, {
        index: 4,
        value: '选项4',
        label: 'quantity'
      }],
      optionValue1: '',
    }
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
.submited-show {
  position: relative;
  display: inline-block;
  height: 2.5rem;
  width: 10.25rem;
  border: 1px solid #eee;
  font-size: 1.125rem;
  vertical-align: middle;
  text-align: center;
  line-height: 2.5rem;
  .iconfont {
    position: absolute;
    left: 0.625rem;
    top: 0;
  }
}
.right {
  border-color: #13bfbf !important;
  color: #13bfbf;
}
</style>
